﻿@page "/docs/extensions/datagrid/selection/custom-row-colors"

<Seo Canonical="/docs/extensions/datagrid/selection/custom-row-colors" Title="Blazorise DataGrid Custom Row Colors" Description="Learn Blazorise by the example. Easily color code your data with the Blazorise DataGrid's custom row color feature." />

<DocsPageTitle Path="Extensions/DataGrid/Selection/Custom Row Colors">
    Blazorise DataGrid: Custom Row Colors
</DocsPageTitle>

<DocsPageLead>
    Control the look and feel of each row.
</DocsPageLead>

<DocsPageSubtitle>
    Overview
</DocsPageSubtitle>

<DocsPageParagraph>
    You have full control over appearance of each row, including the selected rows.
</DocsPageParagraph>

<DocsPageSubtitle>
    Examples
</DocsPageSubtitle>

<DocsPageSection>
    <DocsPageSectionHeader Title="Custom Row Colors">
    </DocsPageSectionHeader>
    <DocsPageSectionContent FullWidth>
        <DataGridCustomRowColorsExample />
    </DocsPageSectionContent>
    <DocsPageSectionSource Code="DataGridCustomRowColorsExample" />
</DocsPageSection>

<DocsPageApi>
    <DocsPageApiItem Url="docs/extensions/datagrid/api" Name="<DataGrid />" />
</DocsPageApi>